<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
            div{
                width: 300px;
            }
            .biaoti{
                color: #ffffff;
                font-size: 18px;
                font-weight: 700;
                line-height: 35px;
                background-image:linear-gradient(#1170b2,#aad4f0);
                text-indent: 1em;
            }
            ul{
                list-style-type: none;
            }
            .f1{
                color: #0565c6;
                font: 14px;
                font-weight: bold;
                line-height: 30px;
                background: linear-gradient(#e2f0fa,#bee0f7,#e2f0fa);
                text-indent: 1.5em;
                margin-left: 30px;
            }
            
            .l1:link{
                color: #0565c6;
                text-decoration: none;
                
            }
            .l1:hover{
                color: #0565c6;
                text-decoration: underline;              
            }
            li{
                font-size: 12px;
				line-height: 26px;
            }
            .l2:link{
            	color: #666666;
            	text-decoration: none;
            }
            .l2:hover{
            	color: #666666;
            	text-decoration: underline;
            }
        </style>
	</head>
	<body>
		<div>
            <p class="biaoti">家用电器</p>
            <p class="f1"><a href="#" class="l1">大家电</a></p>
            <ul>
                <li><a href="#" class="l2">平板电视</a>  <a href="#" class="l2">洗衣机</a>  <a href="#" class="l2">冰箱</a></li>
                    <li>  <a href="#" class="l2">空调</a>  <a href="#" class="l2">烟机/灶具</a>  <a href="#" class="l2">热水器</a></li>
                    <li>  <a href="#" class="l2">冷柜/酒柜</a>  <a href="#" class="l2">消毒柜</a>  <a href="#" class="l2">家庭影院</a></li>
            </ul>
            <p class="f1"><a href="#" class="l1">生活电器</a></p>
            <ul>
                <li><a href="#" class="l2">电风扇</a>  <a href="#" class="l2">净化器</a>  <a href="#" class="l2">吸尘器</a></li>
                <li>  <a href="#" class="l2">净水设备</a>  <a href="#" class="l2">挂烫机</a>  <a href="#" class="l2">电话机</a></li>
            </ul>
            <p class="f1"><a href="#" class="l1">厨房电器</a></p>
            <ul>
                <li><a href="#" class="l2">榨汁机</a>  <a href="#" class="l2">电压力锅</a>  <a href="#" class="l2">电饭煲</a></li>
                <li>  <a href="#" class="l2">豆浆机</a>  <a href="#" class="l2">微波炉</a>  <a href="#" class="l2">电磁炉</a></li>
            </ul>
            <p class="f1"><a href="#" class="l1">五金家装</a></p>
            <ul>
                <li><a href="#" class="l2">淋浴/水槽</a>  <a href="#" class="l2">电动工具</a>  <a href="#" class="l2">手动工具</a></li>
                <li><a href="#" class="l2">仪器仪表</a>  <a href="#" class="l2">浴霸/排气</a>  <a href="#" class="l2">灯具</a></li>
            </ul>
        </div>
	</body>
</html>
